<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_749785_du54h857okn.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" href="css/baoxian.css" />
		<title>保险</title>
	</head>

	<body style="background: #e9ecf3;">
		<!--top-->
		<div class="baoxianP-top">
			<a href="javascript:history.go(-1)"><i class="iconfont icon-fanhui"></i></a>查询</div>
		<!--cont-->
		<div class="baoxianP-content">
			<div class="baoxian3-tab">
				<ul id="list">
					<li class="baoxian3-tab-items on"><i class="iconfont icon-toubao"></i>投保查询</li>
					<li class="baoxian3-tab-items"><i class="iconfont icon-shenqing2"></i>申保查询</li>
				</ul>
				<!--为空时显示-->
					<!--<img src="img/kong.png" width="100%" />-->
				<!--为空时显示 end-->
				<ul id="tabcont">
					<li>
						<div class="baoxian3-cont">
							<div class="baoxian3-cont-nav">
								<i id="option" class="iconfont icon-gengduo1"></i>
								<div class="cont-nav-content">
									<ul>
										<li>查看信息</li>
										<li>编辑信息</li>
										<li>撤销投保</li>
									</ul>
								</div>
							</div>
							<div class="baoxian3-cont-top">
								<span class="baoxian3-cont-w40">保单号</span>
								<span class="baoxian3-cont-w20">状态</span>
								<span class="baoxian3-cont-w40 center">时间</span>
							</div>
							<div class="baoxian3-cont-bottom">
								<span class="baoxian3-cont-w40">RS0889944</span>
								<span class="baoxian3-cont-w20 ysl">已受理</span>
								<span class="baoxian3-cont-w40 center">2018-05-27</span>
							</div>
						</div>
						<div class="baoxian3-cont">
							<div class="baoxian3-cont-top">
								<span class="baoxian3-cont-w40">保单号</span>
								<span class="baoxian3-cont-w20">状态</span>
								<span class="baoxian3-cont-w40 center">时间</span>
							</div>
							<div class="baoxian3-cont-bottom">
								<span class="baoxian3-cont-w40">RS0889944</span>
								<span class="baoxian3-cont-w20 dsl">待受理</span>
								<span class="baoxian3-cont-w40 center">2018-05-27</span>
							</div>
						</div>
					</li>
					<li>
						<div class="baoxian3-cont">
							<div class="baoxian3-cont-top">
								<span class="baoxian3-cont-w40">申保类型</span>
								<span class="baoxian3-cont-w20">状态</span>
								<span class="baoxian3-cont-w40 center">申保时间</span>
							</div>
							<div class="baoxian3-cont-bottom">
								<span class="baoxian3-cont-w40">科目二</span>
								<span class="baoxian3-cont-w20 ysl">已受理</span>
								<span class="baoxian3-cont-w40 center">2018-05-27</span>
							</div>
						</div>
						<div class="baoxian3-cont">
							<div class="baoxian3-cont-top">
								<span class="baoxian3-cont-w40">申保类型</span>
								<span class="baoxian3-cont-w20">状态</span>
								<span class="baoxian3-cont-w40 center">申保时间</span>
							</div>
							<div class="baoxian3-cont-bottom">
								<span class="baoxian3-cont-w40">科目二</span>
								<span class="baoxian3-cont-w20 dsl">待受理</span>
								<span class="baoxian3-cont-w40 center">2018-05-27</span>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</body>
	<!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
	<script src="js/jquery.min.js"></script>
	<script type="text/javascript">
		$(function() {
			//tab
			$(".baoxian3-tab-items").click(function() {
				$(this).addClass("on").siblings().removeClass("on")
			})
			$("#tabcont li").not(":first").hide()
			$("#list li").click(function() {
				var num = $(this).index()
				$("#tabcont li").eq(num).show().siblings().hide()
			})
			
			//
			var e = 1;
			$("#option").click(function(){
				if(e == 1){
					$(".cont-nav-content").addClass("on")
					e =2;
				}else {
					$(".cont-nav-content").removeClass("on")
					e = 1
				}
			})
		})
	</script>

</html>